<!--
 * @Author: hq
 * @Date: 2022-06-06 10:33:36
 * @LastEditors: hq
 * @LastEditTime: 2022-06-06 11:53:27
 * @Description: 商家信息
 * @version: 1.0
-->
<template>
  <div class="info" v-loading="loading">
    <div class="card_con search_data mb15">
      <el-row class="mb15">
        <el-col :span="8" class="pr40">
          <div class="fz13 mb10">商家信息</div>
          <el-input
            v-model="orderId"
            placeholder="请输入商家ID/汇付id/店名"
          ></el-input>
        </el-col>
        <el-col :span="4">
          <div class="fz13 mb10">&nbsp;</div>
          <el-button type="primary" @click="handleSearch">查询</el-button>
        </el-col>
      </el-row>
    </div>
    <div class="card_con order_content">
      <div class="title">入驻资料</div>
      <el-row class="line">
        <el-col :span="5" class="borderL">申请人：测试测试</el-col>
        <el-col :span="5" class="borderL">店名：测试测试</el-col>
        <el-col :span="5" class="borderL">
          <div class="tupian">
            <div>门头照：</div>
            <div class="slt">
              <el-popover placement="right" width="200" trigger="hover">
                <img class="tbImg1" :src="logo" alt="" />
                <img class="tbImg" slot="reference" :src="logo" alt="" />
              </el-popover>
            </div>
          </div>
        </el-col>
        <el-col :span="5" class="borderL">
          <div class="tupian">
            <div>logo：</div>
            <div class="slt">
              <el-popover placement="right" width="200" trigger="hover">
                <img class="tbImg1" :src="logo" alt="" />
                <img class="tbImg" slot="reference" :src="logo" alt="" />
              </el-popover>
            </div>
          </div>
        </el-col>
        <el-col :span="4">服务电话：测试测试</el-col>
      </el-row>
      <el-row class="line line1">
        <el-col :span="5" class="borderL">地区：测试测试</el-col>
        <el-col :span="5" class="borderL">地址：测试测试</el-col>
        <el-col :span="5" class="borderL">入驻类型：测试测试</el-col>
        <el-col :span="5" class="borderL">负责人：测试测试</el-col>
        <el-col :span="4">负责人电话：测试测试</el-col>
      </el-row>
      <el-row class="mb20 line line1">
        <el-col :span="24">
          <div class="check hand_cs">查看相关证件</div>
        </el-col>
      </el-row>
      <div class="title">店铺信息</div>
      <el-row class="line">
        <el-col :span="5" class="borderL">店名：测试测试</el-col>
        <el-col :span="5" class="borderL">认证：测试测试</el-col>
        <el-col :span="5" class="borderL">
          <div class="tupian">
            <div>门头照：</div>
            <div class="slt">
              <el-popover placement="right" width="200" trigger="hover">
                <img class="tbImg1" :src="logo" alt="" />
                <img class="tbImg" slot="reference" :src="logo" alt="" />
              </el-popover>
            </div>
          </div>
        </el-col>
        <el-col :span="5" class="borderL">
          <div class="tupian">
            <div>logo：</div>
            <div class="slt">
              <el-popover placement="right" width="200" trigger="hover">
                <img class="tbImg1" :src="logo" alt="" />
                <img class="tbImg" slot="reference" :src="logo" alt="" />
              </el-popover>
            </div>
          </div>
        </el-col>
        <el-col :span="4">服务电话：测试测试</el-col>
      </el-row>
      <el-row class="line line1">
        <el-col :span="5" class="borderL">收藏：测试测试</el-col>
        <el-col :span="5" class="borderL">评论：测试测试</el-col>
        <el-col :span="5" class="borderL">综合星级：测试测试</el-col>
        <el-col :span="5" class="borderL">标签：测试测试</el-col>
        <el-col :span="4">累计销量：测试测试</el-col>
      </el-row>
      <el-row class="mb20 line line1">
        <el-col :span="5" class="borderL">店铺描述：测试测试</el-col>
        <el-col :span="5" class="borderL">电商商家：测试测试</el-col>
        <el-col :span="5" class="borderL">结算周期：测试测试</el-col>
        <el-col :span="5" class="borderL">营业时间：测试测试</el-col>
        <el-col :span="4">店铺正常：测试测试</el-col>
      </el-row>
      <div class="title">进件信息</div>
      <el-row class="line">
        <el-col :span="5" class="borderL">注册类型：测试测试</el-col>
        <el-col :span="5" class="borderL">商户名：测试测试</el-col>
        <el-col :span="5" class="borderL">简称：测试测试</el-col>
        <el-col :span="5" class="borderL">营业执照：测试测试</el-col>
        <el-col :span="4" class="borderL">注册地点：测试测试</el-col>
      </el-row>
      <el-row class="line line1">
        <el-col :span="5" class="borderL">法人：测试测试</el-col>
        <el-col :span="5" class="borderL">法人证件类型：测试测试</el-col>
        <el-col :span="5" class="borderL">证件号：测试测试</el-col>
        <el-col :span="5" class="borderL">管理员账号：测试测试</el-col>
        <el-col :span="4">审核状态：测试测试</el-col>
      </el-row>
      <el-row class="mb20 line line1">
        <el-col :span="24">
          <div class="check hand_cs">查询更多内容</div>
        </el-col>
      </el-row>
      <div class="title">业务开通情况</div>
      <el-row class="line">
        <el-col :span="5" class="borderL">交易手续费：测试测试</el-col>
        <el-col :span="5" class="borderL">支付宝预授权：测试测试</el-col>
        <el-col :span="5" class="borderL">延迟分账：测试测试</el-col>
        <el-col :span="5" class="borderL">开通网银：测试测试</el-col>
        <el-col :span="4" class="borderL">开户许可证：测试测试</el-col>
      </el-row>
      <el-row class="line line1">
        <el-col :span="5" class="borderL">快捷支付：测试测试</el-col>
        <el-col :span="5" class="borderL">开通代扣：测试测试</el-col>
        <el-col :span="5" class="borderL">授权委托书：测试测试</el-col>
        <el-col :span="5" class="borderL">组织机构代码证：测试测试</el-col>
        <el-col :span="4" class="borderL">审核状态：测试测试</el-col>
      </el-row>
      <el-row class="mb20 line line1">
        <el-col :span="24">
          <div class="check hand_cs">查看相关证件</div>
        </el-col>
      </el-row>
      <div class="title">支付与费率</div>
      <el-row class="mb20">
        <el-col :span="12">
          <el-row class="line">
            <el-col :span="12" class="borderL">电商公众号：测试测试</el-col>
            <el-col :span="12" class="borderL">费率：测试测试</el-col>
          </el-row>
          <el-row class="line line1">
            <el-col :span="12" class="borderL">附近小程序：测试测试</el-col>
            <el-col :span="12" class="borderL">费率：测试测试</el-col>
          </el-row>
          <el-row class="line line1">
            <el-col :span="12" class="borderL">电商小程序：测试测试</el-col>
            <el-col :span="12" class="borderL">费率：测试测试</el-col>
          </el-row>
          <el-row class="line line1">
            <el-col :span="12" class="borderL">附近小程序：测试测试</el-col>
            <el-col :span="12" class="borderL">费率：测试测试</el-col>
          </el-row>
          <el-row class="line line1">
            <el-col :span="12" class="borderL">附近正扫：测试测试</el-col>
            <el-col :span="12" class="borderL">费率：测试测试</el-col>
          </el-row>
          <el-row class="line line1">
            <el-col :span="12" class="borderL">支付宝正扫：测试测试</el-col>
            <el-col :span="12" class="borderL">费率：测试测试</el-col>
          </el-row>
        </el-col>
      </el-row>
      <div class="title">结算卡配置</div>
      <el-row class="line">
        <el-col :span="5" class="borderL">申请人：测试测试</el-col>
        <el-col :span="5" class="borderL">店名：测试测试</el-col>
        <el-col :span="4">服务电话：测试测试</el-col>
      </el-row>
      <el-row class="line line1">
        <el-col :span="5" class="borderL">地区：测试测试</el-col>
        <el-col :span="5" class="borderL">地址：测试测试</el-col>
        <el-col :span="5" class="borderL">入驻类型：测试测试</el-col>
        <el-col :span="5" class="borderL">负责人：测试测试</el-col>
        <el-col :span="4">负责人电话：测试测试</el-col>
      </el-row>
      <el-row class="mb20 line line1">
        <el-col :span="24">
          <div class="check hand_cs">查看相关证件</div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      loading: false,
      orderId: "",
      logo: require("@/assets/1.png"),
    };
  },
  methods: {
    //查询
    handleSearch() {
      this.loading = true;
      this.page.pageNum = 1;
      this.allShopList();
    },
    //详情
    handleDetail(row) {
      this.rowId = row;
      this.detailDialog = true;
    },
  },
  created() {},
};
</script>

<style lang="scss" scoped>
@import "@/style/index.scss";
.info {
  font-size: 13px;
  .order_content {
    min-height: 200px;
    .title {
      font-weight: bold;
      margin-bottom: 15px;
    }
    .line {
      height: 40px;

      border: 1px solid #dcdfe6;
      .borderL {
        border-right: 1px solid #dcdfe6;
      }
      .el-col {
        height: 100%;
        display: flex;
        align-items: center;
        padding-left: 20px;
        box-sizing: border-box;
      }
    }
    .line1 {
      border-top: 0;
      .check {
        width: 100%;
        text-align: center;
        color: $color-primary1;
      }
    }
    .tupian {
      display: flex;
      align-items: center;
    }
  }
}
</style>
